﻿<?php
    // var_dump($_SERVER); exit();
    // echo time(); exit();    
    @session_start();

    $path_root = $_SERVER['DOCUMENT_ROOT']; // C:/xampp/htdocs

    // xu ly viec lay username trong he thong
    $username = isset($_SESSION['username'])? $_SESSION['username'] : null;
    $account_information = isset($_SESSION['accInfo'])? $_SESSION['accInfo'] : null;

    // xử lý việc user thoát khỏi hệ thống
    if(isset($_GET['action']) && $_GET['action'] == "logout" )
    {
        session_unset();
        header("location:index.php");
        exit();
    }

    // phần xử lý giỏ hàng
    $current_link = $_SERVER['PHP_SELF'];

    require_once("model/application.php");
    require_once("model/user.php");
    require_once("function/tip_application.php");
    
    $list_app = new Applications();

    // kiem tra bien tren trinh duyet sau khi thuc hien su kien them app vao gio hang
    $app_id = isset($_GET['appID'])? $_GET['appID'] : null; // neu ton tai tren url thi tra ve $_GET con khong thi tra null
    $_SESSION['app_id'] = $app_id;

    // co bien tra ve tren trinh duyet va lenh la add command tuc la them vao gio hang
    if($app_id && $_GET['command'] == 'add')
    {
        $data = $list_app->getItemByID($app_id); // lay du lieu voi $app_id truyen vao

        if(count($data) != 0) // kiem tra du lieu co hay khong
        {
            if(!isset($_SESSION['cart'])) // chua ton tai gio hang thi cai dat la mot mang rong
            {
                $_SESSION['cart'] = array();
            }
            // kiem tra ton tai san pham trong gio hang chua
            if(!isset($_SESSION['cart'][$app_id])) // dong vai tro kiem su ton tai app voi key chinh la id truyen vao
            {
                // neu chua ton tai thi cai dat cho so luong cua app chi la 1
                $_SESSION['cart'][$app_id] = array(
                    "ten_app"  => $data['app_name'],
                    "license"  => $data['app_status'],
                    "gia_app"  => $data['app_price'],
                    "image"    => $data['app_image'],
                    "so_luong" => 1
                );
            } else {
                $_SESSION['cart'][$app_id]['so_luong'] += 1; // tang soluong len 1
            }
            header("location: view/application/cart.php");
            exit();
        }
    } else {

    }
    $_currentPage = $_SERVER['PHP_SELF']; // trang hien tai
?>
<!DOCTYPE html>
<html  lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8"/>

        <!-- style css -->
        <link rel="stylesheet" href="assets/css/style.css" type="text/css"/>
        <link rel="stylesheet" href="assets/css/colorbox.css"/>
        <link rel="stylesheet" href="assets/css/jquery.bxslider.css"/>

        <!-- script -->
        <script src="assets/jquery-1.10.2.js" type="text/javascript"></script>
        <script src="assets/jquery.validate.js" type="text/javascript"></script>
        <script src="assets/jquery.colorbox.js" type="text/javascript"></script>
        <script src="assets/jquery.bxslider.js" type="text/javascript"></script>
        <script src="assets/jquery.lightbox_me.js" type="text/javascript"></script>
        <script type="text/javascript">

            function check_exists_username()
            {
                if(window.confirm("Bạn phải đăng kí mới tải được ứng dụng?")){
                    window.location.href = "view/user/register.php";
                    return false;
                }
                else
                {
                    return false;
                }
            }

            // chi tiết ứng dụng
            function detail_of_application(app_id)
            {
                $.ajax({
                    type: "post",
                    data: "app_id=" + app_id,
                    dataType: "html",
                    url: "controller/controller_details.php",
                    success: function(response_sever, status){
                        $("#layout").html(response_sever);
                        var layout = $("#layout");
                        $(".download", layout).click(check_exists_username);
                    }
                });
            } // end chi tiet ung dung.

            // hàm javascript xử lý sự kiện user logout ra khỏi hệ thống
            function user_logout()
            {
                window.location.href = location.href + "?action=logout";
            } // END logout

            // xu ly viec tim kiem du lieu
            function search_data_app(keyword)
            {
                $.ajax({
                    data: "keyword=" + keyword,
                    dataType: "json",
                    type: "post",
                    url: "controller/controller_appSearch.php",
                    success: function(_serverResponse,status){

                        console.log(_serverResponse);
                        if(_serverResponse.dulieu == 0)
                        {
                            $("#data_search").html("<b><center>Không tìm thấy dữ liệu!</center></b>");
                            return;
                        }

                        var html = "<div id=\'list-app\'>"; // khoi tao div bao quanh
                        setTimeout(function(){
                            $.each(_serverResponse.dulieu, function(i,val){
                                var app_id = val.app_id;
                                var app_desc = val.app_desc;
                                // console.log(app_desc);
                                var msg = "<ul><li>" + app_desc + "</li>" + "<li>ID:" + app_id + "</li>" + "<li>Price:" + val.app_price +"$</li></ul>";
                                // console.log(msg);
                                // html += '<div id="abc" onmouseover="Tip(\'' + app_desc + '\')" onmouseout="UnTip()">';
                                html += '<div id="abc" onmouseover="Tip(\'' + msg + '\', \'BGCOLOR\', \'#d3e3f6\', SHADOW, true, TITLE, \'Chi tiet\')" onmouseout="UnTip()">';
                                html += "<img src='assets/images-gui/" + val.app_image +"' alt='images'/>";

                                html += "<a href='<?=$current_link?>?appID="+ val.app_id + "&command=\add\'>Add to cart</a>";
                                html += "<a class='detail' href='javascript:void(0)' onclick='detail_of_application(\"" + val.app_id + "\")'>Detail</a>";

                                html += "</div>";
                            });
                            html += "</div>";
                            $("#data_search").html(html);
                        }, 500); // END setTimeout();
                    }
                });
            } // END tim kiem user

            // function redirect
            function redirect()
            {
                setTimeout(function(){
                    window.location.href = "view/admin/admin.php";
                }, 1000); // one seconds
            }

            // ham loc du lieu
            function dataFilter(){

                $("#layout").html(""); // khoi tao cho layout trang

                var $this = $(this); // this = $("#statusFilter")

                $("#loading-data").html("<img src='assets/images/abcd.gif'/>Loading...");

                var inputStatus = "status=" + $this.val();

                var request = $.ajax({
                    data: inputStatus, // contain status variable
                    type: "post", // method post
                    url:  "controller/processApp.php",
                    dataType: 'json'
                });
                request.done(function(response, status)
                {
                    console.log(response);
                    console.log(status);

                    // hien thi du lieu sau khi lay ben phai server truyen ve
                    var html = "<div id=\'list-app\'>"; // khoi tao div bao quanh
                    setTimeout(function(){
                        $.each(response.dulieu, function(i,val){
                            var app_id = val.app_id;
                            var app_desc = val.app_desc;
                            // console.log(app_desc);
                            var msg = "<ul><li>" + app_desc + "</li>" + "<li>ID:" + app_id + "</li>" + "<li>Price:" + val.app_price +"$</li></ul>";
                            // console.log(msg);
                                // html += '<div id="abc" onmouseover="Tip(\'' + app_desc + '\')" onmouseout="UnTip()">';
                                html += '<div id="abc" onmouseover="Tip(\'' + msg + '\', \'BGCOLOR\', \'#d3e3f6\', SHADOW, true, TITLE, \'Chi tiet\')" onmouseout="UnTip()">';
                                html += "<img src='assets/images-gui/" + val.app_image +"' alt='images'/>";
                                html += "<a href='<?=$current_link?>?appID="+ val.app_id + "&command=\add\'>Add to cart</a>";
                            html += "<a class='detail' href='javascript:void(0)' onclick='detail_of_application(\"" + val.app_id + "\")'>Detail</a>";

                            html += "</div>";

                            console.log(html);
                        });
                        html += "</div>";
                        $("#show-app-list").html(html);
                        $("#loading-data").html("");
                    }, 500); // 1000 miliseconds
                });
            }
            // su kien onload DOM
            $("document").ready(function(){
                // slide show
                $slider = $(".bxslider").bxSlider();
                $slider.startAuto(); // END slider

                // click login link
                $('.colorbox').colorbox({
                    inline:true
                }); // END box login

                // Login form
                $("#loginForm").submit(function() {
                   
                    var username = $("#username").val();
                    var password = $("#password").val();
                    // call ajax process
                    $.ajax({
                        data: "username="+username+"&password="+password, // object in jQuery
                        type: "post",
                        url: "controller/processUser.php",
                        dataType: "json",
                        success: function(responseServer, status){
                            console.log(responseServer);
                            console.log(status);

                            $("#loginForm *").remove("#txtError").removeClass("error"); // remove all components with input tag
                            if(responseServer.status === "error")
                            {
                                $.each(responseServer.message,function(i,val){
                                    alert(val);
                                });
                            } else {
                                alert("Login success");
                                $("#userInfo").html(JSON.stringify(responseServer)); // convert to json
                                switch(responseServer.role) // role from response server return
                                {
                                    case 'admin':
                                        redirect(); // redirect to admin page after 3 second
                                        break;
                                    case 'user':
                                        window.location.href = "index.php";
                                        break;
                                    default:
                                        break;
                                }
                            }
                        }
                    }); // End ajax
                    //neu khong tra ve false
                    return false;
                }); // End Login

                // Danh sach san pham
                    $("#loading-data").html("");

                var _clientRequest = $.ajax({
                    data: {
                        "status": $("#statusFilter").val()
                    },
                    // kieu truyen du lieu
                    type: "POST",
                    // kieu du lieu xu ly ben phia server tra ve cho client
                    dataType: "json",
                    // source xu ly du lieu
                    url: "controller/processApp.php"
                });

                // sau khi khoi tao cac thanh phan cua $.ajax xong thi thuc hien
                _clientRequest.done(function(_serverResponse, status){
                    console.log(_serverResponse);
                    console.log(status);
                    var html = "<div id='list-app'>";
                    setTimeout(function(){
                        $.each(_serverResponse.dulieu, function(i,val){
                            var app_id = val.app_id;
                            var app_desc = val.app_desc;
                            // console.log(app_desc);
                            var msg = "<ul><li>" + app_desc + "</li>" + "<li>ID:" + app_id + "</li>" + "<li>Price:" + val.app_price +"$</li></ul>";
                            // console.log(msg);
                            // html += '<div id="abc" onmouseover="Tip(\'' + app_desc + '\')" onmouseout="UnTip()">';
                            html += '<div id="abc" onmouseover="Tip(\'' + msg + '\', \'BGCOLOR\', \'#d3e3f6\', SHADOW, true, TITLE, \'Chi tiết\')" onmouseout="UnTip()">';
                            html += "<img src='assets/images-gui/" + val.app_image +"' alt='images'/>";

                            html += "<a href='<?=$current_link?>?appID="+ val.app_id + "&command=\add\'>Add to cart</a>";
                            html += "<a class='detail' href='javascript:void(0)' onclick='detail_of_application(\"" + val.app_id + "\")'>Detail</a>";

                            html += "</div>";
                        });
                        html += "</div>";
                        $("#show-app-list").html(html);
                    }, 500); // 1000 miliseconds
                });

                //============================== Xử lý sự kiện click qua lại giữa các tab ==============
                $(".tab").click(function(){
                    $(".active").removeClass("active");
                    $(this).addClass("active");
                    $(".content").hide();
                    var title = $(this).attr("title");
                    $("#"+title).show();
                });

                $(".list").click(); // END xử lý qua lại giữa các tab

                // Xử lý sự kiện thay kiểu tình trạng dữ liệu ( lọc dữ liệu)
                $("#statusFilter").change(dataFilter); // neu ma selector thay doi du lieu thi goi ham

                // =============================jQuery việc xử lý tìm kiếm dữ liệu =====================
                $("#search").click(function(e){

                    var keyword = document.form1.input_search_text.value;

                    search_data_app(keyword);
                }); // END tìm kiếm dữ liệu

                //================== Doi mat khau =====
                $('#tryit').click(function(e) {
                    $('#changePass').lightbox_me({
                        centered: true,
                        appearEffect: "fadeIn",
                        closeClick: true,
                        showOverlay: true,
                        onLoad: function() {
                            $('#changePass').find('input:first').focus();
                        }
                    });
                    e.preventDefault();
                });

                $("#change_password").click(function(e){
                    var form1 = document.form_change_password;
                    var oldpass = form1.oldPass;
                    var newpass = form1.newPass;
                    var retypePass = form1.retypePass;
                    if(oldpass.value == "")
                    {
                        alert("Bạn phải nhập mật khẩu cũ vào!");
                        oldpass.focus();
                        return false;
                    }
                    if(retypePass.value != newpass.value)
                    {
                        alert("Mật khẩu nhập lại phải giống nhau!");
                        return false; // thoat luon
                    }

                    $.ajax({
                        url: "controller/controller_changePassword.php",
                        type: "POST",
                        data : "newPass=" + newpass.value + "&oldPass=" + oldpass.value,
                        dataType: "json",
                        success: function(response, status)
                        {
                            alert(response.ok); // alert when reset password success
                            // console.log(status);
                        }
                    });

                })
                
                // kiem tra du lieu khi bam nut contact
                check_validate_contact();
            });
        </script>
    </head>
    <body>
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>
    <script src="assets/wz_tooltip.js" type="text/javascript"></script>
        <div id="wrapper">

            <!-- HEADER DIV -->
            <div id="header">

                <?php
                    if($username && $username != null)
                    {
                        $obj_user = new User();
                        $_SESSION['user_id'] = $obj_user->get_id_with_username($username)[0];
                        
                        $image_user = $obj_user->get_image_from_username($username);
                        echo "<div id=\"user_image\">";
                            echo "Hi "."<b>".$username."</b>&nbsp";
                            if($image_user != "")
                                echo "<img id=\"tryit\" src=\"upload/$image_user\" alt=\"\" title=\"profile\"/>";
                            else
                                echo "<img id=\"tryit\" src=\"upload/default_user_icon.jpg\" alt=\"\" title=\"Change password\"/>";
                            echo "<input type=\"button\" class=\"btn-default btn btn-xs\" href='javascript:void(0)' onclick='user_logout()' value=\"Logout!\"/>";
                        echo "</div>";
                    }
                    else
                    {

                ?>
                <span><a href="view/user/register.php">Register</a></span>

                <span style="float:right; margin-right: 10px; position: relative; top: 10px"><a href="#login-div" class="colorbox">Login</a></span>

                <div style="display:none">

                    <div id="login-div">
                        <form id="loginForm" action="" class="form-inline">
                            <fieldset>
                                <legend>Login form</legend>
                                <div class="form-group">

                                    <label class="sr-only" for="username">Username:</label>
                                    <input type="text" name="username" id="username" class="form-control input-sm" placeholder="Username"/>
                                </div>

                                <div class="form-group">

                                    <label class="sr-only" for="password">Password:</label>
                                    <input type="password" name="password" id="password" class="form-control input-sm" placeholder="Password"/>
                                </div>


                            <!-- button click submit -->
                            <input type="submit" name="btnLogin" value="login" id="btnLogin" class="btn-info btn btn-xs"/>
                            </fieldset>
                        </form>

                    </div> <!-- END login -->

                </div>
                <?php } ?> <!-- END hiển thị login và register lên -->

                <!-- phan doi mat khau -->
                <div id="changePass">
                    <p>Đổi mật khẩu!</p>
                    <form class="form-horizontal" name="form_change_password" style="width:710px">
                        <div class="form-group">
                            <label for="oldPass" class="col-sm-4 control-label">Old password:</label>
                            <div class="col-xs-4">
                                <input type="password" name="oldPass" class="form-control input-sm"/>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="oldPass" class="col-sm-4 control-label">New password:</label>
                            <div class="col-xs-4">
                                <input type="password" name="newPass" class="form-control input-sm"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="retypePass" class="col-sm-4 control-label">Retype password:</label>
                            <div class="col-xs-4">
                                <input type="password" name="retypePass" class="form-control input-sm"/>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-4"></label>
                            <div class="col-xs-4">
                                <input id="change_password" type="button" value="Change password!" name="btnChange" class="btn-success btn btn-sm"/>
                                <input id="reset_form" type="reset" value="Reset!" name="btnReset" class="btn-success btn btn-sm"/>
                            </div>
                        </div>
                    </form>
                </div>

            </div><!-- END HEADER DIV -->

            <div class="clear-fix"></div>

                <ul class="bxslider">

                    <li><img src="assets/images/images%20(1).jpg"/></li>
                    <li><img src="assets/images/images%20(3).jpg"/></li>
                    <li><img src="assets/images/images%20(2).jpg"/></li>
                    <li><img src="assets/images/images%20(4).jpg"/></li>
                    <li><img src="assets/images/images%20(5).jpg"/></li>
                    <li><img src="assets/images/images%20(6).jpg"/></li>

                </ul> <!-- END slider -->

            <div id="content">

                <div id="menu-tab">
                    <div id="menu-bar">
                        <ul>
                            <li title="introduce-app" class="tab list"><a href="javascript:void(0)">Giới thiệu</a></li>
                            <li title="list-app" class="tab"><a href="javascript:void(0)">Danh sách ứng dụng</a></li>
                            <li title="filter-app" class="tab"><a href="javascript:void(0)">Lọc sản phẩm</a></li>
                            <li title="search-app" class="tab"><a href="javascript:void(0)">Tìm kiếm</a></li>
                            <li title="contact-app" class="tab"><a href="javascript:void(0)">Liên hệ</a></li>
                        </ul>
                    </div>
                </div> <!-- END menu-tab -->


                <div class="clear-fix"></div> <!-- END clear_fix -->
                <!-- tab introduce -->
                <div id="introduce-app" class="content">
                    <marquee direction="left" style="text-transform: uppercase;">Welcome to Viet-Thang website!<img class="image" src="assets/images/new.gif"/></marquee>
                    <div id="introduce-app-l">
                        <img src="assets/images/images.jpg"/><br/>
                        <font color="red" style="font-family: Arial, 'Helvetica', sans-serif; font-weight: bold;">&lt&ltCông ty Việt-Thắng &gt&gt
                        </font> chuyên cung cấp sản phẩm ứng dụng. <br/> Rất hân hạnh được phục vụ khách hàng
                        và mong muốn được hợp tác với các đối tác cung cấp sản phảm ứng dụng!
                    </div> <!-- END left introduce -->
                    <div id="introduce-app-r">
                    <?php
                        require_once("libs/rate_currency.php");
                        $rate = new Rate();
                        $rate->source = 'http://www.vietcombank.com.vn/ExchangeRates/ExrateXML.aspx'; // source xml
                        $rate->show();
                    ?>
                    </div> <!-- END right introduce -->
                </div> <!-- END introduce -->
                <!-- Tab 1 content  -->
                <div id="list-app" class="content">

                    <!-- phan loc du lieu cac thanh phan o day -->
                    <div id="filter-list">
                        <span>Lọc ứng dụng:</span>

                        <form id="filterForm">
                            <select id="statusFilter" name="filter">
                                <option value="">Tất cả...</option>
                                <option value="free">Free</option>
                                <option value="license">License</option>
                            </select>
                        </form>
                    </div> <!-- END filter -->

                    <div class="clear-fix"></div>

                    <div id="loading-data">Loading data...</div>

                    <div id="show-app-list">

                    </div> <!-- END show-app-list -->

                    <div id="layout">
                    </div> <!-- END layout -->
                </div>
                <!-- Tab 2 content -->
                <div id="filter-app" class="content">

                </div> <!-- END filter div -->

                <!-- Tab 3 content search application -->
                <div id="search-app" class="content">
                    <br/>

                    <div id="searchForm">

                        <label style="margin-left: 15px;">Nhập vào từ khóa tìm kiếm:</label> <br>

                        <form action="" class="navbar-form navbar-left" role="search" name="form1">


                            <div class="form-group">
                                <input type="text" name="input_search_text" class="form-control" placeholder="Search">
                            </div>

                            <button id="search" type="button" class="btn btn-default"><span
                                    class="glyphicon glyphicon-search"></span></button>
                        </form>
                    </div> <!-- END search form -->

                    <div class="clear-fix"></div>

                    <div id="data_search">

                    </div> <!-- END data Search -->

                    <div class="clear-fix"></div>

                    <div id="layout">
                    </div> <!-- END layout -->

                </div> <!-- END search -->

                <div id="contact-app" class="content">
                    <div id="contact-app-r">
                        <center><img src="assets/images/contact.jpg"/></center>
                        <div id="info">
                            <p style="text-transform: uppercase;"><font color="orange">contact:</font></p>
                            <p>Hotline: (+84) 9681-05812</p>
                            <p>Email: maitatthang@gmail.com</p>
                        </div>
                    </div>
                    <div id="contact-app-l">

                        <p>Thông tin liên hệ</p>
                        <form id="contact_form" name="contact_form" class="form-horizontal" style="margin-top:10px" action="mailer.php" method="post" >
                            <div class="form-group">
                                <label for="companny" class="col-sm-4 control-label">Cá nhân/công ty:</label>
                                <div class="col-xs-5">
                                    <input type="text" name="company" class="form-control input-sm"/>
                                </div>
                            </div>
                            <!-- dia chi -->
                            <div class="form-group">
                                <label class="col-sm-4 control-label">Địa chỉ:</label>
                                <div class="col-xs-5">
                                    <input type="text" name="address" class="form-control input-sm"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-xs-4 control-label">Điện thoại:</label>
                                <div class="col-xs-5">
                                    <input type="text" name="telephone" class="form-control input-sm"/>
                                </div>
                            </div>

                            <!-- email -->
                            <div class="form-group">
                                <label class="col-xs-4 control-label">Email:</label>
                                <div class="col-xs-5">
                                <input type="text" name="email" class="form-control input-sm"/>
                                </div>
                            </div>
                            <!-- noi dung -->
                            <div class="form-group">
                                <label class="col-xs-4 control-label">Nội dung:</label>
                                <div class="col-xs-5">
                                    <textarea name="content" class="form-control"></textarea>
                                </div>
                            </div>
                            <!-- submmit -->
                            <div class="form-group">
                                <label class="col-xs-4 control-label"></label>
                                <div class="col-xs-5">
                                    <input type="submit" name="contact" value="Liên hệ" class="btn-default btn btn-sm" />
                                </div>
                            </div>
                        </form>
                        <div id="contact_warning" style="display: none;"></div>
                        <script type="text/javascript">
                            function check_validate_contact()
                            {
                                /*
                                var company = document.contact_form.company;
                                var address = document.contact_form.address;
                                var email   = document.contact_form.email;
                                
                                if(company.value == "" || address.value =="" || email.value =="")
                                {
                                    $("#contact_warning").show().html("<center><font color='red'><i>Error to input your information!</i></font><center>");  
                                    alert("error");                                                                      
                                    return; // ngung ngay tai day
                                }
                                // alert("OK");
                                document.contact_form.submit(); // neu vuot qua duoc cac bay thi cho phep submit du lieu
                                */
                                $("#contact_form").validate({
                                rules: {
                                    company: {
                                        required: true, // required true
                                        minlength: 6
                                    },
                                    address: {
                                        required: true, // required true
                                        minlength: 6
                                    },                        
                                    email: {
                                        required: true,
                                        email: true
                                    },
                                    telephone: {
                                        required: true,
                                        minlength: 6, // min length of digits is 6
                                        maxlength: 12 // max lenght of digits is 12
                                    }
                                }, // END rules
                                messages: {
                                    company: {
                                        required: "Please enter your company",
                                        minlength: "Your username must consist of at least 6 characters"
                                    },
                                    address: {
                                        required: "Please input your address",
                                        minlength: "Your address must consist of at least 6 characters"
                                    },                                
                                    email: "Please enter a valid email address",
                                    telephone: {
                                        required: "Digits only",
                                        minlength: "At least 6 digits",
                                        maxlength: "Max is 12 digits"
                                    }
                                } // END messages 
                                });
                            }
                        </script>
                    </div>
                </div> <!-- END contact-app -->

            </div> <!-- End content -->

            <div class="clear-fix"></div>
            <?php include("footer.php");?> <!-- END Footer -->
        </div>
        
    </body>
</html>